<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/comm.css" />
		<link rel="stylesheet" type="text/css" href="swiper-4.2.2/dist/css/swiper.min.css" />
		<style type="text/css">
			.serday{width: 180px;position: absolute;top: 117px;left: 620px;}
			@media only screen and (min-width:1000px ) and (max-width:1200px){
				.serday{left: 67%;}
			}
			@media (min-width:1201px ) and (max-width:1500px){
				.serday{left: 68%;top: 150px;}
			}@media (min-width:1501px ){
				.serday{left: 70%;top: 200px;width: 300px;}
			}
		</style>
	</head>

	<body>
	<div class="swiper-container">
		<div class="swiper-wrapper">
		<div class="container-fluid back">
					
				<div class="row heade1 text-center" style="padding-bottom: 0;">
					<div class="col-md-4 col-xs-2  col-lg-7 blogo"><span class="logo1">LOGO</span></div>
					<div class="col-xs-10 text-right hidexs"><span id="caid"><img src="img/caid1.png"/></span></div>
					<div class="caid">
						<div class="col-md-2 col-xs-12 col-lg-1">
							<a class="logo1" style="color: #e98f26;" href="index.html">首页</a>
						</div>
						<div class="col-md-2 col-xs-12 col-lg-1">
							<a class="logo1" style="color: #fff;" href="case.html">案例</a>
						</div>
						<div class="col-md-2 col-xs-12 col-lg-1">
							<a class="logo1" style="color: #fff" ; href="about.html">关于</a>
						</div>
						<div class="col-md-2 col-xs-12 col-lg-2">
							<a class="logo1" style="color: #fff" ;href="">联系我们</a>
						</div>
					</div>
				</div>
				
				<div class="row">
					<div class="col-md-7 col-xs-7 padd0">
						<div class="chshi">
							<br /><br />
							<!--<img src="img/chshi5.jpg" alt="" />-->
							<h1 class="lmgd">榴芒高端</h1><br />
							<h1 class="lmgd1">定制服务</h1>
						</div>
					</div>
					<div class="col-md-5 col-xs-5 padd0" style="background-color: #3b4859;height: 564px">
						<div class="rigp">
							<br /><br /><br /><br /><br /><br /><br /><br />
							<p style="height: 235px;">
								樒芒信息科技有限公司专注应用软件定制与研发,拥有超过5个主流开发平台,致力于为广大用户定制开发APP/ 网站的制作团队,服务超过十家企业, 通过专业的流程与丰富的经验,满足用户的个性需求,为用户定制开发满意且价值高的产品
							</p>
						</div>
						<div class="fw1_shxia">
							<a class="fw1" href="index.html"><img src="img/fw1.png" /></a>
						</div>
						
					</div>
					
				</div>
			<div class="col-md-12 zhongk"></div>

			<div class="row">
				<div class="col-md-12 col-lg-12 col-xs-12">
					<div class="datu">
						<img src="img/datu.png" />
					</div>
				</div>
			</div>
			<div class="col-md-12 zhongk"><img class="serday" src="img/day.png"/></div>
		</div>

		<div class="container-fluid" style="background-color: #06152d;width: 100%;">
			<div class="row">
				<div class="col-md-2 col-xs-2 text-center"><img src="img/zoux.png" /></div>
				<div class="col-md-4 col-xs-4">
					<h1 class="zhyw">主营业务</h1>
					<div class="nimg pull-right"><img src="img/yd.png" /></div>
				</div>
				<div class="col-md-4 col-xs-4">
					<div class="nimg"><img src="img/首页.png" /></div><br />
					<div class="nimg"><img src="img/web.png" /></div>
				</div>
				<div class="col-md-0 col-xs-3"></div>
				<div class="col-md-10 col-xs-10 col-md-offset-2 col-xs-offset-2">
					<h1 class="qbuan">全部案例</h1>
				</div>
				<div class="col-md-2 col-xs-2 text-center"><img src="img/sol.png" /></div>
				
				<div class="col-md-10 col-xs-10">
					<h1 class="gaunyu"><span class="h1span">关于榴芒</span><img class="xiaoy" src="img/xiaoy.png"/></h1>
				</div>

			</div>
			
			<div class="row" style="color: #fff">
				<div class="col-md-3 col-xs-8 col-md-offset-2 col-xs-offset-2 text-center kong" >
					<div class="dasoli" style="background-color: #2445a6;">
						<div class="fo-sol">
							<p class=" size25">Company profile</p>
							<h1>公司简介</h1>
						</div>
						<br /><br /><br /><br />
						<p class="phb"><button class="btn2">了解更多</button></p>
					</div>
					
					
				</div>
				<div class="col-md-3  col-xs-8 col-md-offset-0 col-xs-offset-2 text-center kong">
					<div class="dasoli">
						<div class="fo-sol">
							<p class="cc7922 size25">Our advantages</p>
							<h1 class="colo">我们的优势</h1>
						</div>
					<br /><br /><br /><br />
					<p class="phb"><button class="btn1">了解更多</button></p>
					</div>
					
				</div>
				<div class="col-md-3 col-xs-8 col-md-offset-0 col-xs-offset-2 text-center kong">
					<div class="dasoli">
						<div class="fo-sol">
							<p class="cc7922 size25">Recruit</p>
							<h1 class="colo">招贤纳士</h1>
						</div>
						<br /><br /><br /><br />
						<p class="phb"><button class="btn1">了解更多</button></p>
					</div>
				</div>
				<!--<div class="col-md-2 col-xs-2"></div>-->
			</div>
		</div>
				
				<div class="swiper-slide" style="background-color: #0E152A;"></div>
				<div class="swiper-slide" style="background-color: #0E152A;"></div>
				<div class="swiper-slide" style="background-color: #0E152A;"></div>
				<div class="swiper-slide ss" style="background-color: #0E152A;"></div>
				<div class="swiper-slide ss" style="background-color: #0E152A;"></div>
				<div class="swiper-slide" style="background-color: #0E152A;"></div>
				
				
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>

		<script src="bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

		<script src="swiper-4.2.2/dist/js/swiper.min.js"></script>
		<script type="text/javascript">
			$('#caid').click(function() {
				$(".caid").toggle();
			})
		</script>

		<script>
			var swiper = new Swiper('.swiper-container', {
				direction: 'vertical',
				slidesPerView: 1,
				spaceBetween: 30,
				mousewheel: true,
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},
			});
		</script>

	</body>

</html>